<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接</title>
		<style>
			#menu{
				list-style: none;
			}
			.list{
				background-color: red;
				float: left;
				/* margin-right: 10px; */
				margin-right: 10px;
				padding: 5px 0px 5px 0px ;
				border-radius: 5px;
			}
			.list:hover{
				background-color: #1E90FF;
			}
			a{
				color: white;
			}
		</style>
	</head>
	<body>
		<ul id="menu">
			<li class="list"><a href="https://www.w3school.com.cn/" target="_blank">W3CShool</a></li>
			<li class="list"><a href="https://www.runoob.com/" target="_blank">菜鸟教程</a></li>
			<li class="list"><a href="https://www.csdn.net/" target="_blank">CSDN</a></li>
			<li class="list"><a href="https://segmentfault.com/" target="_blank">思否</a></li>
			<li class="list"><a href="http://act.codeboy.com" target="_blank">java培优</a></li>
		</ul>
	</body>
</html>
